<!DOCTYPE HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0 minimal-ui" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black">

<link rel="icon" type="image/png" href="images/splash/android-chrome-192x192.png" sizes="192x192">
<link rel="apple-touch-icon" sizes="196x196" href="images/splash/apple-touch-icon-196x196.png">
<link rel="apple-touch-icon" sizes="180x180" href="images/splash/apple-touch-icon-180x180.png">
<link rel="apple-touch-icon" sizes="152x152" href="images/splash/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="144x144" href="images/splash/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="120x120" href="images/splash/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/splash/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/splash/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/splash/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="60x60" href="images/splash/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="57x57" href="images/splash/apple-touch-icon-57x57.png">
<link rel="icon" type="image/png" href="images/splash/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="images/splash/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="images/splash/favicon-16x16.png" sizes="16x16">
<link rel="shortcut icon" href="images/splash/favicon.ico" type="image/x-icon" />
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:900' rel='stylesheet' type='text/css'>

<title>Epsilon 5.0</title>

<link href="styles/style.css" rel="stylesheet" type="text/css">
<link href="styles/framework.css" rel="stylesheet" type="text/css">
<link href="styles/font-awesome.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/plugins.js"></script>
<script type="text/javascript" src="scripts/custom.js"></script>
</head>

<body class="has-cover">
    
<div class="gallery-fix"></div>         <!-- Fix Gallery next/prev error on Android -->
<div class="sidebar-tap-close"></div>   <!-- Overlay for content to close Sidebar -->
<div class="sidebar-left-fix"></div>    <!-- The actual background of the Sidebar -->
<div class="sidebar-right-fix"></div>   <!-- The actual background of the Sidebar -->

<div class="header-fixed">
    <a href="#" class="header-icon-1 open-left-sidebar"><i class="fa fa-navicon"></i></a>
    <a href="index2.html" class="header-logo">BOLT</a>
    <a href="#" class="header-icon-2 open-right-sidebar"><i class="fa fa-envelope-o"></i></a>
</div>
    
<div class="sidebar-left">
    <div class="sidebar-scroll">
        <a href="#" class="sidebar-logo"></a>
        <div class="sidebar-decoration"></div>
        <div class="sidebar-menu">
            <a class="menu-item" href="index2.html"><!-- active-item -->
                <i class="fa fa-home"></i>
                Homepage
                <i class="fa fa-circle"></i>
            </a>
            <div class="has-submenu">
                <a class="menu-item open-submenu" href="#"><!-- active-item -->
                    <i class="fa fa-cog"></i>
                    Features
                    <i class="fa fa-plus"></i>
                </a>
                <div class="submenu"><!--active-submenu-->
                    <a class="menu-item" href="features-typography.html">
                        <i class="fa fa-angle-right"></i>
                        Typography
                        <i class="fa fa-circle"></i>  
                    </a>                              
                    <a class="menu-item" href="features-tabs.html">
                        <i class="fa fa-angle-right"></i>
                         Tabs
                        <i class="fa fa-circle"></i>                        
                    </a>
                    <a class="menu-item" href="features-toggles.html">
                        <i class="fa fa-angle-right"></i>
                         Toggles
                        <i class="fa fa-circle"></i>                        
                    </a>                           
                    <a class="menu-item" href="features-accordion.html">
                        <i class="fa fa-angle-right"></i>
                        Accordions
                        <i class="fa fa-circle"></i>                        
                    </a>    
                    <a class="menu-item" href="features-notifications.html">
                        <i class="fa fa-angle-right"></i>
                        Notifications
                        <i class="fa fa-circle"></i>                        
                    </a>                                               
                    <a class="menu-item" href="features-charts.html">
                        <i class="fa fa-angle-right"></i>
                        Charts & Stats
                        <i class="fa fa-circle"></i>                        
                    </a>
                    <a class="menu-item" href="features-buttons.html">
                        <i class="fa fa-angle-right"></i>
                        Buttons & Icons
                        <i class="fa fa-circle"></i>  
                    </a>                        
                    <a class="menu-item" href="features-others.html">
                        <i class="fa fa-angle-right"></i>
                        Other Features
                        <i class="fa fa-circle"></i>                        
                    </a>
                </div>
            </div>          
            <div class="has-submenu">
                <a class="menu-item open-submenu" href="#"><!-- active-item -->
                    <i class="fa fa-camera"></i>
                    Galleries
                    <i class="fa fa-plus"></i>
                </a>
                <div class="submenu"><!--active-submenu-->
                    <a class="menu-item" href="gallery-round.html">
                        <i class="fa fa-angle-right"></i>
                        Rounded
                        <i class="fa fa-circle"></i>  
                    </a>                    
                    <a class="menu-item" href="gallery-square.html">
                        <i class="fa fa-angle-right"></i>
                        Squared
                        <i class="fa fa-circle"></i>  
                    </a>                                           
                    <a class="menu-item" href="gallery-adaptive.html">
                        <i class="fa fa-angle-right"></i>
                        Adaptive
                        <i class="fa fa-circle"></i>                        
                    </a>                        
                    <a class="menu-item" href="gallery-masonry.html">
                        <i class="fa fa-angle-right"></i>
                         Masonry
                        <i class="fa fa-circle"></i>                        
                    </a>                        
                    <a class="menu-item" href="gallery-filter.html">
                        <i class="fa fa-angle-right"></i>
                        Filterable
                        <i class="fa fa-circle"></i>                        
                    </a>                        
                </div>
            </div>          
            <div class="has-submenu">
                <a class="menu-item open-submenu" href="#"><!-- active-item -->
                    <i class="fa fa-image"></i>
                    Portfolios
                    <i class="fa fa-plus"></i>
                </a>
                <div class="submenu"><!--active-submenu-->
                    <a class="menu-item" href="portfolio-one.html">
                        <i class="fa fa-angle-right"></i>
                        One Item
                        <i class="fa fa-circle"></i>  
                    </a>                    
                    <a class="menu-item" href="portfolio-two.html">
                        <i class="fa fa-angle-right"></i>
                        Two Items
                        <i class="fa fa-circle"></i>  
                    </a>                                           
                    <a class="menu-item" href="portfolio-filter.html">
                        <i class="fa fa-angle-right"></i>
                        Filterable
                        <i class="fa fa-circle"></i>                        
                    </a>                        
                    <a class="menu-item" href="portfolio-adaptive.html">
                        <i class="fa fa-angle-right"></i>
                         Adaptive
                        <i class="fa fa-circle"></i>                        
                    </a>                        
                    <a class="menu-item" href="portfolio-widescreen.html">
                        <i class="fa fa-angle-right"></i>
                        Widescreen
                        <i class="fa fa-circle"></i>                        
                    </a>                        
                </div>
            </div>
            <div class="has-submenu">
                <a class="menu-item open-submenu" href="#"><!-- active-item -->
                    <i class="fa fa-file-o"></i>
                    Pages
                    <i class="fa fa-plus"></i>
                </a>
                <div class="submenu"><!--active-submenu-->
                    <a class="menu-item" href="page-activity.html">
                        <i class="fa fa-angle-right"></i>
                        Activity
                        <i class="fa fa-circle"></i>  
                    </a>                    
                    <a class="menu-item" href="page-error.html">
                        <i class="fa fa-angle-right"></i>
                        Error Page
                        <i class="fa fa-circle"></i>  
                    </a>                                           
                    <a class="menu-item" href="page-soon.html">
                        <i class="fa fa-angle-right"></i>
                        Soon Page
                        <i class="fa fa-circle"></i>                        
                    </a>                        
                    <a class="menu-item" href="page-profile.html">
                        <i class="fa fa-angle-right"></i>
                         Profile Page
                        <i class="fa fa-circle"></i>                        
                    </a>     
                    <a class="menu-item" href="page-login.html">
                        <i class="fa fa-angle-right"></i>
                        Log In Page
                        <i class="fa fa-circle"></i>                        
                    </a>
                    <a class="menu-item" href="page-signup.html">
                        <i class="fa fa-angle-right"></i>
                        Sign Up Page
                        <i class="fa fa-circle"></i>                        
                    </a>                                                 
                    <a class="menu-item" href="page-userlist.html">
                        <i class="fa fa-angle-right"></i>
                        Userlist Page
                        <i class="fa fa-circle"></i>                        
                    </a>                        
                    <a class="menu-item" href="page-reviews.html">
                        <i class="fa fa-angle-right"></i>
                        User Reviews
                        <i class="fa fa-circle"></i>                        
                    </a>                        
                </div>
            </div>              
            <div class="has-submenu">
                <a class="menu-item open-submenu" href="#"><!-- active-item -->
                    <i class="fa fa-mobile"></i>
                    App Pages
                    <i class="fa fa-plus"></i>
                </a>
                <div class="submenu"><!--active-submenu-->
                    <a class="menu-item" href="pageapp-chat.html">
                        <i class="fa fa-angle-right"></i>
                        Chat
                        <i class="fa fa-circle"></i>  
                    </a> 
                    <a class="menu-item" href="pageapp-login.html">
                        <i class="fa fa-angle-right"></i>
                         Log In
                        <i class="fa fa-circle"></i>                        
                    </a>     
                    <a class="menu-item" href="pageapp-signup.html">
                        <i class="fa fa-angle-right"></i>
                        Sign Up
                        <i class="fa fa-circle"></i>                        
                    </a>       
                    <a class="menu-item" href="pageapp-calendar.html">
                        <i class="fa fa-angle-right"></i>
                        Calendar
                        <i class="fa fa-circle"></i>                        
                    </a>  
                    <a class="menu-item" href="pageapp-timeline.html">
                        <i class="fa fa-angle-right"></i>
                         Timeline
                        <i class="fa fa-circle"></i>                        
                    </a>    
                    <a class="menu-item" href="pageapp-tasklist.html">
                        <i class="fa fa-angle-right"></i>
                        Tasklist
                        <i class="fa fa-circle"></i>                        
                    </a>     
                    <a class="menu-item" href="pageapp-checklist.html">
                        <i class="fa fa-angle-right"></i>
                        Checklist
                        <i class="fa fa-circle"></i>  
                    </a>                                           
                    <a class="menu-item" href="pageapp-reminders.html">
                        <i class="fa fa-angle-right"></i>
                        Reminders
                        <i class="fa fa-circle"></i>                        
                    </a>                                                 
                    <a class="menu-item" href="pageapp-coverpage.html">
                        <i class="fa fa-angle-right"></i>
                        Coverpage
                        <i class="fa fa-circle"></i>                        
                    </a>                                                                                                                   
                </div>
            </div>                  
            <div class="has-submenu">
                <a class="menu-item open-submenu" href="#"><!-- active-item -->
                    <i class="fa fa-shopping-cart"></i>
                    Store
                    <i class="fa fa-plus"></i>
                </a>
                <div class="submenu"><!--active-submenu-->
                    <a class="menu-item" href="store-front.html">
                        <i class="fa fa-angle-right"></i>
                        Storefront
                        <i class="fa fa-circle"></i>  
                    </a> 
                    <a class="menu-item" href="store-product-list.html">
                        <i class="fa fa-angle-right"></i>
                        Product List
                        <i class="fa fa-circle"></i>  
                    </a>  
                    <a class="menu-item" href="store-product-page.html">
                        <i class="fa fa-angle-right"></i>
                        Product Page
                        <i class="fa fa-circle"></i>                        
                    </a>                                                                         
                    <a class="menu-item" href="store-checkout.html">
                        <i class="fa fa-angle-right"></i>
                        Checkout Page
                        <i class="fa fa-circle"></i>                        
                    </a>                        
                    <a class="menu-item" href="store-history.html">
                        <i class="fa fa-angle-right"></i>
                         Purchase History
                        <i class="fa fa-circle"></i>                        
                    </a>                                                                   
                </div>
            </div>          
            <div class="has-submenu">
                <a class="menu-item open-submenu" href="#"><!-- active-item -->
                    <i class="fa fa-newspaper-o"></i>
                    News
                    <i class="fa fa-plus"></i>
                </a>
                <div class="submenu"><!--active-submenu-->
                    <a class="menu-item" href="news-front.html">
                        <i class="fa fa-angle-right"></i>
                        News Page
                        <i class="fa fa-circle"></i>  
                    </a> 
                    <a class="menu-item" href="news-article.html">
                        <i class="fa fa-angle-right"></i>
                        News Article
                        <i class="fa fa-circle"></i>  
                    </a>  
                    <a class="menu-item" href="news-article-list.html">
                        <i class="fa fa-angle-right"></i>
                        News Article List
                        <i class="fa fa-circle"></i>                        
                    </a>                             
                    <a class="menu-item" href="news-article-archive.html">
                        <i class="fa fa-angle-right"></i>
                        News Article Archive
                        <i class="fa fa-circle"></i>                        
                    </a>                                                                                                                
                </div>
            </div>             
            <div class="has-submenu">
                <a class="menu-item open-submenu active-item" href="#"><!-- active-item -->
                    <i class="fa fa-pencil"></i>
                    Blog
                    <i class="fa fa-plus"></i>
                </a>
                <div class="submenu active-submenu"><!--active-submenu-->
                    <a class="menu-item" href="page-blog.html">
                        <i class="fa fa-angle-right"></i>
                        Blog Page
                        <i class="fa fa-circle"></i>  
                    </a> 
                    <a class="menu-item active-item" href="page-blog-post.html">
                        <i class="fa fa-angle-right"></i>
                        Blog Post
                        <i class="fa fa-circle"></i>  
                    </a>                                                                                                                  
                </div>
            </div> 
            <a class="menu-item" href="page-videos.html">
                <i class="fa fa-youtube-play"></i>
                Videos
                <i class="fa fa-circle"></i>
            </a>             
            <a class="menu-item" href="page-sitemap.html">
                <i class="fa fa-navicon"></i>
                Sitemap
                <i class="fa fa-circle"></i>
            </a>                         
            <a class="menu-item" href="contact.html">
                <i class="fa fa-envelope-o"></i>
                Contact
                <i class="fa fa-circle"></i>
            </a>               
            <a class="close-sidebar menu-item" href="#">
                <i class="fa fa-times"></i>
                Close
                <i class="color-red-dark fa fa-circle"></i>
            </a>                
        </div>
        <div class="sidebar-decoration"></div>
        <em class="sidebar-copyright">Copyright 2016. All Rights Reserved</em>
    </div>
</div>
      
<div class="sidebar-right">
    <div class="sidebar-scroll">
        <a href="#" class="sidebar-logo"></a>
        <div class="sidebar-divider">
            Let's get social
        </div>
        <div class="sidebar-menu">
            <a class="menu-item" href="#">
                <i class="fa fa-facebook"></i>
                Facebook
                <i class="fa fa-circle"></i>                        
            </a>            
            <a class="menu-item" href="#">
                <i class="fa fa-twitter"></i>
                Twitter
                <i class="fa fa-circle"></i>                        
            </a>            
            <a class="menu-item" href="#">
                <i class="fa fa-google-plus"></i>
                Google 
                <i class="fa fa-circle"></i>                        
            </a>   
        </div>
        <div class="sidebar-divider">
            GET IN TOUCH
        </div>
        <div class="sidebar-menu">
            <a class="menu-item" href="#">
                <i class="fa fa-phone"></i>
                Call Us
                <i class="fa fa-circle"></i>                        
            </a>            
            <a class="menu-item" href="#">
                <i class="fa fa-fax"></i>
                Fax Us
                <i class="fa fa-circle"></i>                        
            </a>            
            <a class="menu-item" href="#">
                <i class="fa fa-envelope-o"></i>
                Mail Us 
                <i class="fa fa-circle"></i>                        
            </a>            
        </div>
        <div class="sidebar-divider">
            SEND US A MESSAGE
        </div>
        <div class="sidebar-form contact-form no-bottom">
            <div class="formSuccessMessageWrap" id="formSuccessMessageWrap">
                Awesome! We'll get back to you!
            </div>
            <form action="php/contact.php" method="post" class="contactForm" id="contactForm">
                <fieldset>
                    <div class="formValidationError" id="contactNameFieldError">Name is required!</div>             
                    <div class="formValidationError" id="contactEmailFieldError">Mail address required!</div> 
                    <div class="formValidationError" id="contactEmailFieldError2">Mail address must be valid!</div> 
                    <div class="formValidationError" id="contactMessageTextareaError">Message field is empty!</div>   
                    <div class="formFieldWrap">
                        <input onfocus="if (this.value=='Name') this.value = ''" onblur="if (this.value=='') this.value = 'Name'" type="text" name="contactNameField" value="Name" class="contactField requiredField" id="contactNameField"/>
                    </div>
                    <div class="formFieldWrap">
                        <input onfocus="if (this.value=='Email') this.value = ''" onblur="if (this.value=='') this.value = 'Email'" type="text" name="contactEmailField" value="Email" class="contactField requiredField requiredEmailField" id="contactEmailField"/>
                    </div>
                    <div class="formTextareaWrap">
                        <textarea onfocus="if (this.value=='Message') this.value = ''" onblur="if (this.value=='') this.value = 'Message'" name="contactMessageTextarea" class="contactTextarea requiredField" id="contactMessageTextarea">Message</textarea>
                    </div>
                    <div class="formSubmitButtonErrorsWrap">
                        <input type="submit" class="buttonWrap button button-green contactSubmitButton no-bottom" id="contactSubmitButton" value="SUBMIT" data-formId="contactForm"/>
                    </div>
                </fieldset>
            </form>       
        </div>
        <div class="sidebar-decoration"></div>
        <em class="sidebar-copyright">Copyright 2016. All Rights Reserved</em>
    </div>
</div>

<div id="page-content"><!--Add sidebar-move to move with body-->
    <div id="page-content-scroll"><!--Enables this element to be scrolled -->

        <div class="header-mask">
            <a href="#"><i class="fa fa-times"></i></a>
            <a href="#"><i class="fa fa-bolt"></i></a>
            <a href="#"><i class="fa fa-times"></i></a>
            <div class="clear"></div>
        </div>
        
        <div class="content-strip">
            <div class="strip-content">
                <h4>Blog Page</h4>
                <p>A template, of course.</p>
                <i class="fa fa-hand-pointer-o"></i>
            </div>
            <div class="overlay"></div>
            <img class="preload-image" data-original="images/pictures/1.jpg" alt="img">
        </div>
        
        <div class="content">
            <div class="decoration"></div>

            <div class="page-blog">
                <!-- POST 1-->
                <div class="page-blog-list">
                    <img data-original="images/pictures/1.jpg" alt="img" class="preload-image responsive-image">
                    <h3 class="page-blog-title">Mobile Blog</h3>
                    <strong class="page-blog-tags">In: <a href="#">Web Design, Mobile Templates, Blog</a></strong>
                    <div class="page-blog-content">

                        <p class="dropcaps-1">
                            Aorem ipsum dolor sit amet, consectetur adipiscing elit. Donec varius dui et erat aliquet rutrum. Nunc vitae tincidunt magna. In vitae efficitur enim. Fusce a augue mi. Vivamus a nunc in ante semper iaculis
                        </p>   

                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec lectus vitae 
                            metus vehicula cursus. Donec purus ex, ultricies vel iaculis sed, consectetur 
                            venenatis sapien. Quisque auctor justo libero, vel aliquam odio consequat quis. 
                            Nunc accumsan efficitur felis eu egestas.
                        </p>

                        <div class="one-half">
                            <h5>1/2</h5>
                            <img class="preload-image responsive-image half-bottom" data-original="images/pictures/1w.jpg">
                            <p>
                                This column is half the size of the screen, and will stay this way on mobile and tablets.
                            </p>
                        </div>
                        <div class="one-half last-column">
                            <h5>2/2</h5>
                            <img class="preload-image responsive-image half-bottom" data-original="images/pictures/2w.jpg">
                            <p>
                                This column is half the size of the screen, and will stay this way on mobile and tablets.
                            </p>
                        </div>
                        <div class="clear"></div>

                        <div class="quote-5 container">
                            <p>
                                This is the classic , standard blockquote design, that everyone uses
                                and it's fantasticly easy to use. Just a class, and an author!
                            </p>
                            <strong>Enabled | ThemeForest</strong>
                        </div>

                        <div class="decoration"></div>

                        <div class="container">
                            <h5>Share the Fun!</h5>
                            <p>Sharing is caring, and sharing is easy! We made it easy!</p>
                            <a class="scale-hover social-ball facebook-color"  href="#"><i class="fa fa-facebook"></i></a>
                            <a class="scale-hover social-ball twitter-color"   href="#"><i class="fa fa-twitter"></i></a>
                            <a class="scale-hover social-ball google-color"    href="#"><i class="fa fa-google-plus"></i></a>
                            <a class="scale-hover social-ball pinterest-color" href="#"><i class="fa fa-pinterest"></i></a>
                            <a class="scale-hover social-ball sms-color"       href="#"><i class="fa fa-comment-o"></i></a>
                            <a class="scale-hover social-ball mail-color"      href="#"><i class="fa fa-envelope-o"></i></a>
                        </div>

                        <div class="decoration"></div>

                        <div class="blog-post-comments full-bottom">
                            <h5>Join the talk</h5>
                            <p>
                                Remeber.This is a template! Not connected! These are just 
                                samples of code. Conversion to CMS is not included.
                            </p>
                            <div class="decoration"></div>
                            <div class="blog-post-comment">
                                <em>July 25, 2014</em>
                                <a href="#" class="blog-post-comment-reply">Reply</a>
                                <strong>Alexander Doe</strong>
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut nulla ac est finibus euismod. 
                                    Vestibulum fermentum, augue vel fermentum placerat, ipsum tortor condimentum justo, vitae vestibulum nulla elit eu sem.
                                </p>
                            </div>
                            <div class="blog-post-comment blog-post-comment-nested">
                                <em>July 25, 2014</em>
                                <a href="#" class="blog-post-comment-reply">Reply</a>
                                <strong>John Doe</strong>
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut nulla ac est finibus euismod. 
                                    Vestibulum fermentum, augue vel fermentum placerat, ipsum tortor condimentum justo, vitae vestibulum nulla elit eu sem.
                                </p>
                            </div>            
                            <div class="decoration"></div>

                            <div class="blog-post-comment-add">
                                <h5>Leave a comment</h5>
                                <p>
                                    Remeber.This is a template! Not connected! These are just 
                                    samples of code. Conversion to CMS is not included.
                                </p>
                                <strong>Name</strong>
                                <em>required</em>
                                <input type="text" value="Your Name">                                    
                                <strong>Email</strong>
                                <em>required</em>
                                <input type="text" value="Your Email">                                    
                                <strong>Message</strong>
                                <em>required</em>
                                <textarea cols="30" rows="3">Your Message</textarea>
                            </div>
                            <a href="#" class="button button-green button-right full-top full-bottom">Post Message</a>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="decoration"></div>
            </div>

            <div class="page-blog-sidebar">
                <div class="blog-sidebar-text hide-if-responsive">
                    <h4>Some useful things</h4>
                    <p>
                        This is the widget section. But remember, this is not a WP Theme, this is a Site Template.
                        You'll have to conver it to WP if you want it to work with a CMS and not manually.
                    </p>
                </div>
                <!--Search Field-->
                <div class="blog-sidebar-search full-bottom">
                    <i class="fa fa-search"></i>
                    <input type="text" value="Search">
                </div>
                <!--Recent Post-->
                <div class="blog-sidebar-recent-projects full-bottom">
                    <div class="blog-sidebar-text">
                        <h5>Recent Projects</h5>
                        <p>
                            Remember, this is only a site template, the blog is not connected to anything!
                        </p>
                    </div>
                    <a href="#"><img class="preload-image" data-original="images/pictures/1t.jpg" alt="img"></a>
                    <a href="#"><img class="preload-image" data-original="images/pictures/2t.jpg" alt="img"></a>
                    <a href="#"><img class="preload-image" data-original="images/pictures/3t.jpg" alt="img"></a>                        
                    <a href="#"><img class="preload-image" data-original="images/pictures/4t.jpg" alt="img"></a>
                    <a href="#"><img class="preload-image" data-original="images/pictures/5t.jpg" alt="img"></a>
                    <a href="#"><img class="preload-image" data-original="images/pictures/6t.jpg" alt="img"></a>

                    <div class="clear"></div>
                </div>
                <div class="decoration"></div>
                <!--Recent Project-->
                <div class="blog-sidebar-recent-posts full-bottom">
                    <div class="blog-sidebar-text">
                        <h5>Recent Posts</h5>
                        <p>
                            Remember, this is only a site template, the blog is not connected to anything!
                        </p>
                        <a href="page-blog-post.html">
                            <strong>Mobile Blog</strong>
                            <em>Jul 15th 2024</em>
                            <i class="fa fa-angle-right"></i>
                        </a>                            
                        <a href="page-blog-post.html">
                            <strong>Simple and easy to use</strong>
                            <em>Jul 15th 2024</em>
                            <i class="fa fa-angle-right"></i>
                        </a>                                
                    </div>
                </div>
                <div class="decoration"></div>
                <div class="blog-sidebar-categories full-bottom">
                    <div class="blog-sidebar-text">
                        <h5>Categories</h5>
                        <p>
                            Remember, this is only a site template, the blog is not connected to anything!
                        </p>
                    </div>
                    <div class="blog-sidebar-categories">
                        <a href="#">Web Design<em>9</em><i class="fa fa-angle-right"></i></a>
                        <a href="#">Web Development<em>8</em><i class="fa fa-angle-right"></i></a>
                        <a href="#">Mobile Templates<em>5</em><i class="fa fa-angle-right"></i></a>
                        <a href="#">Off-Topic<em>1</em><i class="fa fa-angle-right"></i></a>
                    </div>
                </div>    
                <div class="decoration"></div>
                <!--Recent Post-->
                <div class="blog-sidebar-recent-projects full-bottom">
                    <div class="blog-sidebar-text">
                        <h5>Recent Projects</h5>
                        <p>
                            Remember, this is only a site template, the blog is not connected to anything!
                        </p>
                    </div>
                    <a href="#"><img class="preload-image" data-original="images/pictures/1t.jpg" alt="img"></a>
                    <a href="#"><img class="preload-image" data-original="images/pictures/2t.jpg" alt="img"></a>
                    <a href="#"><img class="preload-image" data-original="images/pictures/3t.jpg" alt="img"></a>                        
                    <a href="#"><img class="preload-image" data-original="images/pictures/4t.jpg" alt="img"></a>
                    <a href="#"><img class="preload-image" data-original="images/pictures/5t.jpg" alt="img"></a>
                    <a href="#"><img class="preload-image" data-original="images/pictures/6t.jpg" alt="img"></a>

                    <div class="clear"></div>
                </div>
                <div class="decoration"></div>
                <!--Recent Project-->
                <div class="blog-sidebar-recent-posts full-bottom">
                    <div class="blog-sidebar-text">
                        <h5>Recent Posts</h5>
                        <p>
                            Remember, this is only a site template, the blog is not connected to anything!
                        </p>
                        <a href="page-blog-post.html">
                            <strong>Mobile Blog</strong>
                            <em>Jul 15th 2024</em>
                            <i class="fa fa-angle-right"></i>
                        </a>                            
                        <a href="page-blog-post.html">
                            <strong>Simple and easy to use</strong>
                            <em>Jul 15th 2024</em>
                            <i class="fa fa-angle-right"></i>
                        </a>                                
                    </div>
                </div>
                <div class="decoration"></div>
                <div class="blog-sidebar-categories full-bottom">
                    <div class="blog-sidebar-text">
                        <h5>Categories</h5>
                        <p>
                            Remember, this is only a site template, the blog is not connected to anything!
                        </p>
                    </div>
                    <div class="blog-sidebar-categories">
                        <a href="#">Web Design<em>9</em><i class="fa fa-angle-right"></i></a>
                        <a href="#">Web Development<em>8</em><i class="fa fa-angle-right"></i></a>
                        <a href="#">Mobile Templates<em>5</em><i class="fa fa-angle-right"></i></a>
                        <a href="#">Off-Topic<em>1</em><i class="fa fa-angle-right"></i></a>
                    </div>
                </div>
                <div class="decoration"></div>
            </div> 
            <div class="clear"></div>
            
            <div class="decoration"></div>
        </div>
        
        <div class="footer">
            <div class="footer-content">
                <h3 class="footer-logo">BOLT</h3>
                <p class="footer-text">
                    We aim to simplify your life by creating a beautiful and simple product that's feature rich and easy to use!
                </p>
            </div>
            <div class="footer-socials">
                <a href="#" class="scale-hover facebook-color"><i class="fa fa-facebook"></i></a>
                <a href="#" class="scale-hover twitter-color"><i class="fa fa-twitter"></i></a>
                <a href="#" class="scale-hover google-color"><i class="fa fa-google-plus"></i></a>
                <a href="#" class="scale-hover phone-color"><i class="fa fa-phone"></i></a>
                <a href="#" class="scale-hover mail-color"><i class="fa fa-envelope-o"></i></a>
                <a href="#" class="scale-hover bg-night-dark back-to-top"><i class="fa fa-angle-up"></i></a>
                <div class="clear"></div>
            </div>
            <div class="footer-decoration"></div>
            <p class="footer-strip">Copyright <span id="copyright-year"></span> Enabled. All Rights Reserved</p>
        </div>
    </div>
    <a href="#" class="back-to-top-badge"><i class="fa fa-caret-up"></i>Back to top</a>
</div>
    
<div class="body-background"></div>

<div class="share-bottom">
    <h3>Share Page</h3>
    <div class="share-socials-bottom">
        <a href="http://jqueryfuns.com">
            <i class="fa fa-facebook facebook-color"></i>
            Facebook
        </a>
        <a href="http://jqueryfuns.com">
            <i class="fa fa-twitter twitter-color"></i>
            Twitter
        </a>
        <a href="http://jqueryfuns.com">
            <i class="fa fa-google-plus google-color"></i>
            Google
        </a>

        <a href="http://www.jqueryfuns.com">
            <i class="fa fa-pinterest-p pinterest-color"></i>
            Pinterest
        </a>
        <a href="sms:">
            <i class="fa fa-comment-o sms-color"></i>
            Text
        </a>
        <a href="http://www.jqueryfuns.com">
            <i class="fa fa-envelope-o mail-color"></i>
            Email
        </a>
        <div class="clear"></div>
    </div>
</div>
    
</body>










